<template>
	<view class="about-page">
		<!-- 顶部Logo区域 -->
		<view class="logo-section">
			<image class="logo" src="/static/logo.png" mode="aspectFit"></image>
			<text class="app-name">忆思德AI助手</text>
			<text class="version">Version 1.0.0</text>
		</view>

		<!-- 简介区域 -->
		<view class="intro-section">
			<text class="intro-text">
        忆思德AI助手是一款基于先进人工智能技术打造的智能对话助手，致力于为用户提供高效、准确、智能的对话服务。
			</text>
		</view>

		<!-- 功能特点 -->
		<view class="features-section">
			<view class="section-title">产品特点</view>
			<view class="feature-list">
				<view class="feature-item">
					<text class="feature-icon">🚀</text>
					<view class="feature-info">
						<text class="feature-name">高效响应</text>
						<text class="feature-desc">毫秒级响应，快速解答</text>
					</view>
				</view>
				<view class="feature-item">
					<text class="feature-icon">🎯</text>
					<view class="feature-info">
						<text class="feature-name">精准理解</text>
						<text class="feature-desc">深度理解用户意图</text>
					</view>
				</view>
				<view class="feature-item">
					<text class="feature-icon">🛡️</text>
					<view class="feature-info">
						<text class="feature-name">安全可靠</text>
						<text class="feature-desc">数据加密，隐私保护</text>
					</view>
				</view>
				<view class="feature-item">
					<text class="feature-icon">🔄</text>
					<view class="feature-info">
						<text class="feature-name">持续进化</text>
						<text class="feature-desc">定期更新，不断优化</text>
					</view>
				</view>
			</view>
		</view>

		<!-- 联系方式 -->
		<view class="contact-section">
			<view class="section-title">联系我们</view>
			<view class="contact-list">
				<view class="contact-item">
					<text class="contact-icon">📧</text>
					<text class="contact-text">邮箱：virtualman@yeah.net</text>
				</view>
				<view class="contact-item">
					<text class="contact-icon">🌐</text>
					<text class="contact-text">网站：www.ysd.com</text>
				</view>
				<view class="contact-item">
					<text class="contact-icon">📱</text>
					<text class="contact-text">微信：chenjianbin430053</text>
				</view>
			</view>
		</view>

		<!-- 版权信息 -->
		<view class="copyright">
			<text>Copyright © 2025 山东忆思德企业管理咨询有限公司</text>
			<text>All Rights Reserved</text>
		</view>
	</view>
</template>

<script setup>
// 可以添加需要的逻辑
</script>

<style scoped>
.about-page {
	min-height: 100vh;
	background-color: #f8f9fa;
	padding: 40rpx 30rpx;
}

.logo-section {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 40rpx 0;
}

.logo {
	width: 160rpx;
	height: 160rpx;
	border-radius: 30rpx;
	margin-bottom: 20rpx;
}

.app-name {
	font-size: 36rpx;
	font-weight: bold;
	color: #333;
	margin-bottom: 10rpx;
}

.version {
	font-size: 24rpx;
	color: #999;
}

.intro-section {
	background: #fff;
	padding: 30rpx;
	border-radius: 16rpx;
	margin: 30rpx 0;
	box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
}

.intro-text {
	font-size: 28rpx;
	color: #666;
	line-height: 1.6;
}

.section-title {
	font-size: 32rpx;
	font-weight: bold;
	color: #333;
	margin-bottom: 30rpx;
	padding-left: 20rpx;
	border-left: 8rpx solid #007AFF;
}

.features-section {
	background: #fff;
	padding: 30rpx;
	border-radius: 16rpx;
	margin-bottom: 30rpx;
	box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
}

.feature-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30rpx;
}

.feature-item {
	display: flex;
	align-items: center;
	padding: 20rpx;
	background: #f8f9fa;
	border-radius: 12rpx;
}

.feature-icon {
	font-size: 40rpx;
	margin-right: 20rpx;
}

.feature-info {
	flex: 1;
}

.feature-name {
	font-size: 28rpx;
	font-weight: bold;
	color: #333;
	display: block;
}

.feature-desc {
	font-size: 24rpx;
	color: #666;
}

.contact-section {
	background: #fff;
	padding: 30rpx;
	border-radius: 16rpx;
	margin-bottom: 30rpx;
	box-shadow: 0 2rpx 10rpx rgba(0,0,0,0.05);
}

.contact-list {
	display: flex;
	flex-direction: column;
	gap: 20rpx;
}

.contact-item {
	display: flex;
	align-items: center;
	padding: 20rpx;
	background: #f8f9fa;
	border-radius: 12rpx;
}

.contact-icon {
	font-size: 36rpx;
	margin-right: 20rpx;
}

.contact-text {
	font-size: 28rpx;
	color: #666;
}

.copyright {
	text-align: center;
	padding: 40rpx 0;
	display: flex;
	flex-direction: column;
	gap: 10rpx;
}

.copyright text {
	font-size: 24rpx;
	color: #999;
}
</style> 